<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海南旅游</title>
    <link rel="stylesheet" href="../static/css/hn.css">
    <script src="../static/js/jquery-3.7.1.js"></script>
</head>
<body>
        <div id="hn">
            <h1>海南旅游</h1>
        </div>
        <div id="hncs">
            <ul>
                <a href="{{ url_for('HaiKou') }}"><li>海口</li></a>
                <a href="#"><li>三亚</li></a>
                <a href="#"><li>儋州</li></a>
                <a href="#"><li>昌江</li></a>
                <a href="#"><li>东方</li></a>
                <a href="#"><li>文昌</li></a>
                <a href="#"><li>临高</li></a>
                <a href="#"><li>万宁</li></a>
                <a href="#"><li>澄迈</li></a>
                <a href="#"><li>琼海</li></a>
                <a href="#"><li>陵水</li></a>
                <a href="#"><li>定安</li></a>
            </ul>
        </div>
        <div id="hnrdnr">
            <div id="hnrd">
                <div class="hn-rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="hn-rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="hn-rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="hn-rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="hn-rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
                <div class="hn-rdnr">
                    <img src="" alt="">
                    <h1 class="js">介绍</h1>
                </div>
            </div>
        </div>
</body>
</html>